<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>{:config('web_site_title')}--专业的小说分销平台</title>
	<link href="__PUBLIC__/css/bootstrap/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/libs/font-awesome.css" />
	<link rel="stylesheet" type="text/css" href="__CSS__/style.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/common.css" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/static/layui/css/layui.css" />
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
<script src="__PUBLIC__/js/html5shiv.min.js"></script>
<script src="__PUBLIC__/js/ie8polyfill.min.js"></script>
<![endif]-->

</head>

<body id="login-page-full">
	<div id="login-full-head">
	</div>
	<div id="login-full-wrapper">
		<div class="container">
			<div class="row">
				<div class="modal-body" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<span style="font-size: 20px; margin: 0 auto; text-align: center; display: block;color: red;"><span id="referralname">新用户注册</span></span>
						</div>
						<div class="modal-body">
							<div data-bind="visible: loading" class="loading-panel" style="display: none;">
								<i class="fa fa-spin fa-spinner"></i>
							</div>
							<form method="post" class="form form-horizontal">
								<div class="form-group">
									<label class="col-lg-2 control-label">账户名</label>
									<div class="col-lg-9 col-sm-9">
										<input type="text" class="form-control" name="username" id="username"
											autocomplete="false" value="" placeholder="请输入账户名">
										<div class="help-block">账户名会作为默认的昵称</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">密码</label>
									<div class="col-lg-9 col-sm-9">
										<input type="password" class="form-control" name="password" id="password"
											autocomplete="false" value="" placeholder="请输入密码">
										<div class="help-block">用户密码不能少于6位</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">确认密码</label>
									<div class="col-lg-9 col-sm-9">
										<input type="password" class="form-control" name="repassword" id="repassword"
											autocomplete="false" value="" placeholder="请输入确认密码">
										<div class="help-block">确认密码</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">手机号码</label>
									<div class="col-lg-9 col-sm-9">
										<input type="text" class="form-control" name="mobile" id="mobile" autocomplete="false"
											value="" placeholder="请填写电话号码">
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">生日日期</label>
									<div class="col-lg-9 col-sm-9">
										<input type="text" class="form-control"  name="birthday" id="birthday" placeholder="yyyy-MM-dd">
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">邮箱</label>
									<div class="col-lg-9 col-sm-9">
										<input type="text" class="form-control" name="email" id="email" autocomplete="false"
											value="" placeholder="请填写常用邮箱">
										<div class="help-block">用户邮箱，用于找回密码等安全操作</div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">QQ</label>
									<div class="col-lg-9 col-sm-9">
										<input type="text" class="form-control" name="qq" id="qq" autocomplete="false"
											value="" placeholder="请填写常用QQ号">
										<div class="help-block"></div>
									</div>
								</div>
								<!--
							<div class="form-group">
								<label class="col-lg-2 control-label">邮箱</label>
								<div class="col-lg-9 col-sm-9">
									<input type="text" class="form-control" name="email" id="email" autocomplete="false" value="">
									<div class="help-block">邮箱，用于找回密码等安全操作</div>
								</div>
							</div>
							-->
								<div class="form-group">
									<label class="col-lg-2 control-label">部门</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="group" id="group" style="width:100%;">
											<option value="">请选择部门</option>
											{foreach name="grouplist" item="vo" key="k" }
											<option value="{$k}">{$vo}</option>
											{/foreach}
										</select>
										<div class="help-block">请正确选择部门否则将无法确定权限，不予通过</div>
									</div>
								</div>
		
								<div class="form-group">
									<label class="col-lg-2 control-label">岗位</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="situation" id="situation" style="width:100%;">
											<option value="0">请选择岗位</option>
										</select>
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">等级</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="gradation" id="gradation" style="width:100%;">
											<option value="0" selected >请选择</option>
											<option value="1" >P1</option>
											<option value="2" >P2</option>
											<option value="3" >P3</option>
											<option value="4" >P4</option>
											<option value="2" >P5</option>
											<option value="3" >P6</option>
											<option value="4" >P7</option>
										</select>
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">学历</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="schooling" id="schooling" style="width:100%;">
											<option value="0" selected >请选择</option>
											<option value="1" >小学</option>
											<option value="2">初中</option>
											<option value="3" >高中</option>
											<option value="4" >大专</option>
											<option value="5">本科</option>
											<option value="6" >研究生</option>
											<option value="7" >博士</option>
										</select>
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">工作状态</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="job_status" id="job_status" style="width:100%;">
											<option value="0"selected>试用期</option>
											<option value="1" selected >录取期</option>
											<option value="2">已离职</option>
										</select>
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">擅长</label>
									<div class="col-lg-9 col-sm-9">
										<textarea class="form-control" name="hobby" id="hobby" style="width:100%;"
											placeholder="请填写擅长例如：百度文案，虐文，宠文"></textarea>
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">其他技能</label>
									<div class="col-lg-9 col-sm-9">
										<textarea class="form-control" name="other_skills" id="other_skills" style="width:100%;"
											placeholder="请填写其他技能例如：PS美工，驾照，英语4级"></textarea>
										<div class="help-block"></div>
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">获奖或荣誉</label>
									<div class="col-lg-9 col-sm-9 honour">
									</div>
									<button style="display: block; margin: 1px;" class="btn btn-info honour_btn honour_add" type="button"
										onclick="honour()">添加</button>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">性别</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="sex" id="sex" style="width:100%;">
											<option value="0" selected >保密</option>
											<option value="1" >男</option>
											<option value="2" >女</option>
										</select>
										<div class="help-block"></div>
									</div>
								</div>
								<!-- <div class="form-group">
									<label class="col-lg-2 control-label">我的上级</label>
									<div class="col-lg-9 col-sm-9">
										<select class="form-control" name="pid" id="pid" style="width:100%;">
											{if input('pid')}
											<option value="{:input('pid')}">{$members[input('pid')]??""}</option>
											{else/}
											<option value="">请选择上级</option>
											{/if}
										</select>
										<div class="help-block">员工上级</div>
									</div>
								</div> -->
								<div class="form-group">
									<label class="col-lg-2 control-label">地址</label>
									<div class="col-lg-9 col-sm-9">
										<div data-toggle="distpicker" style="display: flex;" id="distpickerlist">
											<select class='selectpicker  form-control' name="province" id="province"
												data-province="---- 选择省 ----" style="margin: 0 2px;"></select>
											<select class='selectpicker  form-control' name="city" id="city" data-city="---- 选择市 ----"
												style="margin: 0 2px;"></select>
											<select class='selectpicker  form-control' name="area" id="area" data-district="---- 选择区 ----"
												style="margin: 0 2px;"></select>
										</div>
										<input type="hidden" name="province_code" id="province_code">
										<input type="hidden" name="city_code" id="city_code">
										<input type="hidden" name="area_code" id="area_code">
									</div>
								</div>
								<div class="form-group">
									<label class="col-lg-2 control-label">详细地址</label>
									<div class="col-lg-9 col-sm-9">
										<input type="text" class="form-control" name="address" id="address" autocomplete="false"
											value="" placeholder="请输入详细地址">
										<div class="help-block">详细地址可以不用带省市区</div>
									</div>
								</div>
							</form>
						</div>
						<div class="modal-footer" style="text-align: center;">
							<button class="btn btn-success submit-btn ajax-post" type='submit' target-form="form-horizontal">提交</button>
								<button class="btn btn-danger btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
						</div>
					</div>
				</div>

		</div>
		<div id="login-box-footer">
			<div class="row">
				<div class="col-xs-12">
					Copyright ©2018-2028
					<!-- {$Think.config.web_pc_url|str_replace="http://","",###} All rights reserved--> 
					{:config('web_site_title')}版权所有
				</div>
			</div>
		</div>
	</div>

	<script src="__PUBLIC__/js/jquery.js"></script>
	<script src="__PUBLIC__/js/messager.js"></script>
	<script src="/public/js/bootstrap.js"></script>
	<script src="__PUBLIC__/plugs/distpicker/js/distpicker.data.js"></script>
	<script src="__PUBLIC__/plugs/distpicker/js/distpicker.js"></script>
<script type="text/javascript" src="__PUBLIC__/plugs/layer/layer.js"></script>
<script type="text/javascript" src="__PUBLIC__/static/layui/layui.js" ></script>
<script>
	layui.use('laydate', function(){
	var laydate = layui.laydate;
	
	//常规用法
	laydate.render({
	elem: '#birthday'
	});
});
</script>
	<script type="text/javascript">
		function honour(){
			console.log(111);
			var html = '	<div id="' + Date.now() + '"><div style="display: flex;flex-direction: row;">';
			html += '<input type="hidden" name="honour[' + Date.now() + '][honour_id]" value="">';
			html += '<input type="date" class="form-control" name="honour[' + Date.now() + '][honour_time]" id="honour_time" autocomplete="false" value=""  style="width:20%;" ><label class="col-lg-0 control-label">-</label>';
			html += '<input type="text" class="form-control" name="honour[' + Date.now() + '][honour_title]" id="honour_title" autocomplete="false" value="" placeholder="请填写荣誉名称" style="width:20%;" ><label class="col-lg-0 control-label">-</label>';
			html += '<input type="text" class="form-control" name="honour[' + Date.now() + '][honour_content]" id="honour_content" autocomplete="false" value="" placeholder="请填写荣誉内容" style="width:60%;" >';
			html += '</div><div class="help-block"><button  class="btn btn-del honour_btn" type="button"  onclick="honourdel(' + Date.now() + ',2)">删除</button></div></div>';
			$('.honour').append(html);
		}
		function honourdel(id, type) {
			layer.open({
				type: 0,
				title: '提示',
				content: '是否确定删除,删除后不可恢复!',
				area: ["20%", "30%"],
				btn: ['确定', '取消'],
				btnAlign: 'c',
				yes: function (index, layero) {
					//按钮【按钮一】的回调
					if (type == 1) {
						$.ajax({
							url: '',
							type: 'POST',
							data: {
								id: id
							},
							success: function (res) {
							}
						});
					}
					$('#' + id).remove();
					layer.close(index);
				}
			});
		}
		$(function () {
			var uid = '';
			$('#group').on('change', function () {
				var value = $(this).val();
				console.log(value);
			});
		})

		$("#province").on("change", function() {
			var provincepicker = $('#province option:selected').data('code');
			$("#province_code").val(provincepicker);
			var citypicker = $('#city option:selected').data('code');
			$("#city_code").val(citypicker);
			var areapicker = $('#area option:selected').data('code');
			$("#area_code").val(areapicker);
		});
		$("#city").on("change", function() {
			var citypicker = $('#city option:selected').data('code');
			$("#city_code").val(citypicker);
			var areapicker = $('#area option:selected').data('code');
			$("#area_code").val(areapicker);
		});
		$("#area").on("change", function() {
			var areapicker = $('#area option:selected').data('code');
			$("#area_code").val(areapicker);
		});
	</script>
	{include file="public/footer" /}
	{include file="index/_select_member_group" /}
	<!-- <script src="/public/js/core.js"></script> -->
</body>

</html>